<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="res/front/css/sytle/forgetPwd.css" rel="stylesheet" type="text/css" />
<#include "/front/head.html"/>
<title>${title}</title>
<script type="text/javascript">
	$(document).ready(function(){ 
		$("#f_email").val("/**请输入邮箱的验证码**/").css("color","#999");
		$("#f_email").focus(function(){ 
			if($(this).val()=='/**请输入邮箱的验证码**/'){ 
				$(this).css("color","#000").val(''); 
			} 
		});
		$("#f_email").blur(function(){ 
			if($(this).attr('id')=='f_email' && $(this).val()=='' ){ 
				$(this).css("color","#999").val('/**请输入邮箱的验证码**/'); 
			} 
		});
	}); 
	
	function check(){
		if($(".f_user").val() == ""){
			$("#f_userId").html("账户不能为空");
			return false;
		}
		return true;
	}
	
	function sendemail(){
		$.post(
			'${base}/o_tmemberGetPWD.jspx',
			$('#sender').serialize(),
			function(msg){
				if("true"!=msg){
					alert(msg);	
				}else{
					alert("邮件已发送, 请查看邮件并填写验证码")
					$("#btnSend").attr('disabled','disabled');
					$("#btnSend").css('background-color','gray');
				}
			})
	}
	
	
</script>
</head>

<body>
	<!-- 头部 common/header.html -->
	 <#include "/front/common/header.html"/>
     <div class="forgetPwd_centre">
     	<div class="forgetPwd_tab">
        	<div class="forgetPwd_titlebg">
            	<span>忘记密码</span>
            </div>
            <div class="forgetPwd_email_div">
            	<span>使用邮箱找回密码</span>
            </div>
            <form action="/o_tmembervalidateVCode.jspx" method="post" onsubmit="return check()">
                <div class="forgetPwd_form">
                	<ul>
                    	<li class="form_li_type">
                        	<ul>
                            	<li class="text_zi"><span>*</span>账户</li>
                                <li><input type="text" id="sender" name="loginname" class="text_inp f_user" value="${loginname!}" tabindex="1" /></li>
                                <li style="line-height:30px;"><input type="button" id="btnSend" value="发送" class="send_input" onclick="sendemail()" /></li>
                                <li id="f_userId" class="f_userId"></li>
                            </ul>
                        </li>
                        <li class="form_li_type">
                        	<ul>
                            	<li class="text_zi"><span>*</span>验证码</li>
                                <li><input type="text" id="f_email" name="vCode" class="text_inp" tabindex="1" /></li>
                            </ul>
                        </li>
                        <#if error??>
                        <li class="form_li_type">
                        	<ul>
                            	<li class="text_zi"><p style="clear:left; width:240px; color:#F00;">验证码不正确</p></li>
                            </ul>
                        </li>
                        </#if>
                        <li class="form_li_type">
                        	<ul>
                            	<li><input type="submit" value="提交" class="submit_input" /></li>
                                <li><input type="button" value="返回" class="return_input" onclick="javascript:history.back(-1);" /></li>
                            </ul>
                    </ul>
                </div>
            </form>
            <div class="forgetPwd_hint">若您无法使用上述方法找回，请联系客服400-1122-363</div>
        </div>
     </div>
     <!-- 底部 common/footer.html -->
     <#include "/front/common/footer.html"/>
</body>
</html>
